<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="keywords" content="阿柚科技，三个柚子" />
        <meta name="description" content="阿柚科技是国内率先创造智能婴童用品的企业，旗下品牌三个柚子/3pomelos为全球智能婴儿推车领导品牌" />
        <title>阿柚科技-首页</title>
        <!-- Bootstrap -->
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <!-- custom css (blue color by default) -->
        <link href="css/style.css" rel="stylesheet" type="text/css" media="screen">
        <!-- custom css (green color ) -->
        <!--      <link href="css/style-green.css" rel="stylesheet" type="text/css" media="screen">-->
        <!-- custom css (red color ) -->
        <!--        <link href="css/style-red.css" rel="stylesheet" type="text/css" media="screen">-->
        <!-- custom css (yellow color ) -->
        <!--       <link href="css/style-yellow.css" rel="stylesheet" type="text/css" media="screen">-->
        <!-- custom css (sea-greean color ) -->
        <!--      <link href="css/style-sea-green.css" rel="stylesheet" type="text/css" media="screen">-->
        <!-- custom css (style-gold color ) -->
        <!--       <link href="css/style-gold.css" rel="stylesheet" type="text/css" media="screen">-->
        <!-- font awesome for icons -->
        <link href="font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet">
        <!-- flex slider css -->
        <link href="css/flexslider.css" rel="stylesheet" type="text/css" media="screen">
        <!-- animated css  -->
        <link href="css/animate.css" rel="stylesheet" type="text/css" media="screen">
        <!--web fonts-->  


        <!--Revolution slider css-->
        <link href="rs-plugin/css/settings.css" rel="stylesheet" type="text/css" media="screen">
        <link href="css/rev-style.css" rel="stylesheet" type="text/css" media="screen">
        <!--google fonts-->
        
        
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
        <!--owl carousel css-->
        <link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="screen">
        <link href="css/owl.theme.css" rel="stylesheet" type="text/css" media="screen">
        <!--mega menu -->
        <link href="css/yamm.css" rel="stylesheet" type="text/css">
        <!--popups css-->
        <link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

        
        

    </head>
    <body>
        <!--navigation -->
        <!-- Static navbar -->
        <div class="navbar navbar-default navbar-static-top yamm sticky" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html"><img src="img/logo/未标题-2.jpg" alt="ASSAN" style="margin-top: -12px;"></a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right" style="margin-right:70px;">
                        <li class="dropdown active">
                            <a href="index.html">首页 </a>
                        </li>
                        <!--menu home li end here-->
                           <li class="dropdown">
                            <a href="blog-timeline.html">产品 </a>
                            <!--<ul class="dropdown-menu multi-level" style="left:2px;" role="menu">-->
                                    <!--<li class="dropdown-submenu">-->
                                    <!--<a tabindex="-1" href="A3_detail.html">A3 </a>-->
                                <!--</li>-->
                                <!--<li class="dropdown-submenu">-->
                                    <!--<a tabindex="-1" href="A6_detail.html">A6 </a>-->
                                <!--</li>-->
                                <!--<li class="dropdown-submenu">-->
                                    <!--<a tabindex="-1" href="#">A7 </a>-->
                                <!--</li>-->
                                <!--<li class="dropdown-submenu">-->
                                    <!--<a tabindex="-1" href="#">A8 </a>-->
                                <!--</li>-->
                            <!--</ul>-->
                        </li>
                        <!--menu Portfolio li end here-->
                        <li class="dropdown">
                            <a href="App_download.html">APP </a>
                            <!--<ul class="dropdown-menu" role="menu">-->
                               <!--<li><a href="blog-full.html">Blog - full width</a></li>-->
                                <!--<li><a href="blog-leftimg.html">Blog - left image</a></li>-->
                                <!--<li><a href="blog-sidebar.html">Blog - sidebar</a></li>-->
                                <!--<li><a href="blog-2col.html">Blog - 2 column</a></li>-->
                                <!--<li><a href="blog-timeline.html">Blog - Timeline</a></li>-->
                                <!--<li><a href="blog-masonary.html">Blog - Masonry</a></li>-->
                                <!--<li><a href="blog-single.html">Blog - Single</a></li>-->
                            <!--</ul>-->
                        </li>
                        <!--menu blog li end here-->
                        <li class="dropdown">
                            <a href="https://sangeyouzi.tmall.com/" >商城 </a>

                        </li>
                        <!--menu pages li end here-->
                        <li class="dropdown">
                            <a href="About_Us.html" >关于我们 </a>
                            <!--<ul class="dropdown-menu" style="left:2px;" role="menu">-->
                                <!--<li><a href="index.html">公司简介</a></li>-->
                                <!--<li><a href="index.html">团队介绍</a></li>-->
                                <!--<li><a href="index.html">成果展示</a></li>-->
                                <!--<li><a href="index.html">新闻内容</a></li>-->
                                <!--<li><a href="index.html">联系我们</a></li>-->

                            <!--</ul>-->
                        </li> <!--menu Shop li end here-->
                    </ul>
                </div><!--/.nav-collapse -->
            </div><!--container-->
        </div><!--navbar-default-->

        <!--rev slider start-->

        <div class="fullwidthbanner">
            <div class="ken-burns-banner">
                <ul>    <!-- SLIDE  -->
                    <li class="dark" data-transition="fade" data-slotamount="1" data-masterspeed="1500" data-thumb="img/logo/1.1.jpg" data-delay="10000"  data-saveperformance="off" data-title="slider 1">
                        <!-- MAIN IMAGE -->
                        <img src="img/logo/1.11.jpg"  alt="kenburns1"  data-bgposition="left center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-bgfit="130" data-bgfitend="100" data-bgpositionend="right center">
                        <!-- LAYERS -->
                    </li>
                    <!-- SLIDE  -->
                    <li data-transition="slideup" data-slotamount="1" data-masterspeed="1500" data-thumb="img/logo/1.jpg" data-delay="10000"  data-saveperformance="off"  data-title="slider 2">
                        <!-- MAIN IMAGE -->
                        <img src="img/logo/11.jpg"  alt="kenburns6"  data-bgposition="center bottom" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-bgfit="100" data-bgfitend="120" data-bgpositionend="center top">
                        <!-- LAYERS -->
                    </li>
                </ul>
            </div>
        </div><!--full width banner-->


        <section class="services-wrap" style="display: none">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="center-heading">
                            <h2>技术展示</h2>
                            <span class="center-line"></span>
                        </div>
                    </div>                   
                </div><!--center heading row-->
                <div style="width: 100%">
                    <div  style="float: left;width: 45%;height:350px;">
                        <video width="100%" height="100%" muted autoplay controls="controls" src="mv/三个柚子推车视频5023.mp4"></video>
                    </div>
                    <div  style="float: right;width: 47%;height:350px;">
                        <div class="col-md-4 col-sm-6 margin20" style="width: 50%;margin-top: 55px;">
                            <div class="services-box wow animated fadeInUp" data-wow-duration="700ms" data-wow-delay="100ms">
                                <div class="services-box-icon">
                                    <i class="fa fa-pencil"></i>
                                </div><!--services icon-->
                                <div class="services-box-info">
                                    <h4>Web &AMP; Graphics Design</h4>
                                </div>
                            </div><!--services box-->
                        </div><!--services col-->
                        <div class="col-md-4 col-sm-6 margin20" style="width: 50%;height: 100px;margin-top: 55px;">
                            <div class="services-box wow animated fadeInUp" data-wow-duration="700ms" data-wow-delay="200ms">
                                <div class="services-box-icon">
                                    <i class="fa fa-globe"></i>
                                </div><!--services icon-->
                                <div class="services-box-info">
                                    <h4>Web Development</h4>
                                </div>
                            </div><!--services box-->
                        </div><!--services col-->
                        <div class="col-md-4 col-sm-6 margin20" style="width: 50%;height: 100px;margin-top: 55px;">
                            <div class="services-box wow animated fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">
                                <div class="services-box-icon">
                                    <i class="fa fa-users"></i>
                                </div><!--services icon-->
                                <div class="services-box-info">
                                    <h4>Customer Support</h4>
                                </div>
                            </div><!--services box-->
                        </div><!--services col-->

                        <div class="col-md-4 col-sm-6 margin20" style="width: 50%;height: 100px;margin-top: 55px;">
                            <div class="services-box wow animated fadeInUp" data-wow-duration="700ms" data-wow-delay="400ms">
                                <div class="services-box-icon">
                                    <i class="fa fa-crop"></i>
                                </div><!--services icon-->
                                <div class="services-box-info">
                                    <h4>Pixel perfect design</h4>
                                </div>
                            </div><!--services box-->
                        </div><!--services col-->
                    </div><!--services row-->
                </div>
            </div>
        </section><!--section services-->
        <div class="divide40"></div>
        <section class="services-wrap">
            <div class="container">
                <div style="width: 32%;float: left;margin-left: 210px;">
                    <a href="https://detail.tmall.com/item.htm?spm=a1z10.1-b-s.w5003-20212158157.7.2db3456f63ChX7&id=578349811890&scene=taobao_shop"><img src="img/ceshi/A6.jpg" class="img-responsive" alt="workimg" style="width: 400px;height: 350px;"></a>
                </div>
                <div style="width: 30%;float: left;margin-left: 10px;">
                    <img src="img/ceshi/a66.jpg" class="img-responsive" alt="workimg" style="width: 350px;height: 350px;">
                </div>
        </div>
        </section>
        <section class="services-wrap">
            <div class="container">
                <div style="width: 30%;float: left;margin-left: 210px;">
                    <img src="img/ceshi/a33.jpg" class="img-responsive" alt="workimg" style="width: 350px;height: 350px;">
                </div>
                <div style="width: 32%;float: left;margin-left: 10px;">
                    <a href="https://detail.tmall.com/item.htm?spm=a1z10.1-b-s.w5003-20212158157.10.2403456fFZPW9j&id=578198997730&scene=taobao_shop"><img src="img/ceshi/A3.jpg" class="img-responsive" alt="workimg" style="width: 400px;height: 350px;"></a>
                </div>
            </div>
        </section>
        <section style="display: none" class="portfolio">
            <div class="container">

                <div class="row">
                    <div class="col-md-12">
                        <div id="work-carousel" class="owl-carousel owl-spaced">
                            <div>
                                <div class="item-img-wrap ">
                                    <img src="img/ceshi/A3.jpg" class="img-responsive" alt="workimg" style="height: 250px;">
                                    <div class="item-img-overlay">
                                        <a href="img/ceshi/A3.jpg" class="show-image">
                                            <span></span>
                                        </a>
                                    </div>
                                </div> <!--item img wrap-->
                                <div class="work-desc">
                                    <h3><a href="portfolio-single.html">woo Commerce</a></h3>
                                    <span>Magento</span>
                                </div><!--work desc-->
                            </div><!--owl item-->
                            <div> 
                                <div class="item-img-wrap ">
                                    <img src="img/ceshi/A6.jpg" class="img-responsive" alt="workimg" style="height: 250px;">
                                    <div class="item-img-overlay">
                                        <a href="img/ceshi/A6.jpg" class="show-image">
                                            <span></span>
                                        </a>
                                    </div>
                                </div> 
                                <div class="work-desc">
                                    <h3><a href="portfolio-single.html">Web Develop</a></h3>
                                    <span>Php / Wordpress</span>
                                </div><!--work desc-->
                            </div><!--owl item-->
                            <div> 
                                <div class="item-img-wrap ">
                                    <img src="img/ceshi/A3MAX.jpg" class="img-responsive" alt="workimg" style="height: 250px;">
                                    <div class="item-img-overlay">
                                        <a href="img/ceshi/A3MAX.jpg" class="show-image">
                                            <span></span>
                                        </a>
                                    </div>
                                </div> 
                                <div class="work-desc">
                                    <h3><a href="portfolio-single.html">Web Design</a></h3>
                                    <span>HTML5 / CSS3</span>
                                </div><!--work desc-->
                            </div><!--owl item-->
                            <div> 
                                <div class="item-img-wrap ">
                                    <img src="img/ceshi/k7.jpg" class="img-responsive" alt="workimg" style="height: 250px;">
                                    <div class="item-img-overlay">
                                        <a href="img/ceshi/k7.jpg" class="show-image">
                                            <span></span>
                                        </a>
                                    </div>
                                </div> 
                                <div class="work-desc">
                                    <h3><a href="portfolio-single.html">Graphics Design</a></h3>
                                    <span>Corel Drow</span>
                                </div><!--work desc-->
                            </div><!--owl item-->
                            <div> 
                                <div class="item-img-wrap ">
                                    <img src="img/ceshi/k9.jpg" class="img-responsive" alt="workimg" style="height: 250px;">
                                    <div class="item-img-overlay">
                                        <a href="img/ceshi/k9.jpg" class="show-image">
                                            <span></span>
                                        </a>
                                    </div>
                                </div> 
                                <div class="work-desc">
                                    <h3><a href="portfolio-single.html">Psd Design</a></h3>
                                    <span>Photoshop</span>
                                </div><!--work desc-->
                            </div><!--owl item-->
                            <div> 
                                <div class="item-img-wrap ">
                                    <img src="img/ceshi/水杯.jpg" class="img-responsive" alt="workimg" style="height: 250px;">
                                    <div class="item-img-overlay">
                                        <a href="img/ceshi/水杯.jpg" class="show-image">
                                            <span></span>
                                        </a>
                                    </div>
                                </div> 
                                <div class="work-desc">
                                    <h3><a href="portfolio-single.html">Logo Design</a></h3>
                                    <span>Illustrate</span>
                                </div><!--work desc-->
                            </div><!--owl item-->
                        </div>
                    </div>
                </div><!--row-->

            </div><!--container-->
        </section><!--recent work section -->
        <div class="divide80"></div>
        <footer id="footer" style="padding: 10px 0 0;">
            <div class="container">

                <div class="row">
                    <div class="col-md-3 col-sm-6 margin30" style="margin-left:14%; ">
                        <div class="footer-col">
                            <h3 style="margin-bottom:15px;">关注我们</h3>
                            <div style="width: 100%;float: left;">
                                <div style="width: 35%;float: left"><img src="img/logo/IMG_2947.PNG" style="width: 100%"><p style="text-align: center">微信公众号</p></div>
                                <div style="width: 35%;float: left;margin-left: 20px;"><img src="img/logo/微博.png" style="width: 100%"><p style="text-align: center">微博</p></div>
                            </div>
                        </div>
                    </div><!--footer col-->
                    <div class="col-md-3 col-sm-6 margin30" style="margin-left:26%; ">
                        <div class="footer-col">
                            <h3 style="margin-bottom:15px;">联系方式</h3>

                            <ul class="list-unstyled contact">
                                <li><p style="margin-bottom:7px"><strong><i class="fa fa-map-marker"></i> &nbsp;&nbsp;地址:</strong> 上海市宝山区大场镇真大路551号2号楼2407室</p></li>
                                <li><p style="margin-bottom:7px"><strong><i class="fa fa-envelope"></i> 邮箱:</strong> christian_xia@3pomelos.com</p></li>
                                <li><p style="margin-bottom:7px"><strong><i class="fa fa-phone"></i>&nbsp;&nbsp;电话:</strong> +86 13636499021</p></li>
                                <li><p style="margin-bottom:7px;display: none"><strong><i class="fa fa-print"></i> Fax</strong> 1800 2345 2132</p></li>

                            </ul>
                        </div>
                    </div><!--footer col-->

                </div>
                <div class="row" >
                    <div class="col-md-12 text-center"  style="margin-top: -70px;">
                        <div class="footer-btm" style="padding: 10px;">
                            <span><a href="http://www.miibeian.gov.cn" target="_blank" style="color: #fff;font-weight: 300;font-style: normal;">沪ICP备16009803号-1</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </footer><!--default footer end here-->
         <!--scripts and plugins -->
        <!--must need plugin jquery-->
        <script src="js/jquery.min.js"></script>        
        <!--bootstrap js plugin-->
        <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>       
        <!--easing plugin for smooth scroll-->
        <script src="js/jquery.easing.1.3.min.js" type="text/javascript"></script>
        <!--sticky header-->
        <script type="text/javascript" src="js/jquery.sticky.js"></script>
        <!--flex slider plugin-->
        <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
        <!--parallax background plugin-->
        <script src="js/jquery.stellar.min.js" type="text/javascript"></script>
        
        
        <!--digit countdown plugin-->
        <script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
        <!--digit countdown plugin-->
        <script src="js/jquery.counterup.min.js" type="text/javascript"></script>
        <!--on scroll animation-->
        <script src="js/wow.min.js" type="text/javascript"></script> 
        <!--owl carousel slider-->
        <script src="js/owl.carousel.min.js" type="text/javascript"></script>
        <!--popup js-->
        <script src="js/jquery.magnific-popup.min.js" type="text/javascript"></script>
        <!--you tube player-->
        <script src="js/jquery.mb.YTPlayer.min.js" type="text/javascript"></script>
        
        
        <!--customizable plugin edit according to your needs-->
        <script src="js/custom.js" type="text/javascript"></script>
        <!--revolution slider plugins-->
        <script src="rs-plugin/js/jquery.themepunch.tools.min.js" type="text/javascript"></script>
        <script src="rs-plugin/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
        <script src="js/revolution-custom.js" type="text/javascript"></script>

    </body>
</html>
